import React, { Component } from 'react'
import { View, Text } from 'react-native'
import {Container, Content } from 'native-base'
import { lists } from './data.js'
import HeaderWhite from '../../../components/header/headerWhite'
import commonStyle from '../../../libs/commonStyle'

export default class Useragreement extends Component {
	constructor(arg) {
	    super(arg)
		this.state = {
			lists: lists
		}
	}
	render () {
		return (
			<Container>
				<HeaderWhite title='用户协议' hasLeft />
				<Content>
					<View style={[commonStyle.mt20]}>
						{
							this.state.lists.map(item => {
								return (<View style={[
									commonStyle.pl30, 
									commonStyle.pr30, 
									commonStyle.pt10, 
									commonStyle.pb10]}><Text style={[commonStyle.lineHeight50]}>{item}</Text></View>)
							})
						}
					</View>
				</Content>
			</Container>
		)
	}
}